@import 'base.less';
@base-size : 60px;
.weather{
	width: 510px;
    height: @base-size;
    float: right;
    color: @color-0-54;
    overflow: hidden;

    &__city{
    	.inline-block;
	    width: @base-size;
    	height: @base-size;
    	line-height: @base-size;
		text-align: center;

		a{
			color: @color-0-54;
		}
    }

    &__list{
    	.inline-block;
    	overflow: hidden;

    	&--item{
		    position: relative;
    		width: 72px;
		    padding-left: 55px;
		    float: left;
		    text-align: center;
		    font-size: 12px;

            i{
                display: block;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 10px;
                margin: auto 0;
                width: @base-size - 20;
                height: @base-size - 20;
                background-size: 100%;
                background-position: center center;
                background-repeat: no-repeat;
            }

            span{
                display: block;
                line-height: 20px;
            }
    	}
    }

    &__time{
        .inline-block;
        font-size: 12px;
        width: @base-size;
        text-align: center;
    }
}